﻿@{
    ViewData["Title"] = "配送轨迹";
}
@using FwProject.Car.Dto
@model List<CarTrackOutputDto>
<style>
    .ibox-content {
    }

    .cars {
        position: absolute;
        top: 35px;
        left: 35px;
        z-index: 9999999;
    }

    .car_i {
        float: left;
        width: 33.33%;
        text-align: center;
    }

    .external-event {
        overflow: hidden;
    }


</style>
<div class="ibox float-e-margins col-lg-2 cars">
    <div class="ibox-title ">
        <h5>@ViewData["Title"]</h5>
        <div class="ibox-tools">
            <a class="collapse-link">
                <i class="fa fa-chevron-up"></i>
            </a>
        </div>
    </div>
    <div class="ibox-content">
        <div id='external-events'>
            @*<p>可拖动的活动</p>*@
            <div class="row m-b-sm m-t-sm" style="padding:0 15px 15px 15px">
                <div class="input-group">
                    <input type="text" name="keyword" id="keyword" placeholder="车牌号" class="input-sm form-control"> <span class="input-group-btn">
                        <button type="button" class="btn btn-sm btn-primary" id="search"> 搜索</button>
                    </span>
                </div>
            </div>
            @foreach (var item in Model)
            {
                <div class='external-event navy-bg' data-lng="@(item.EndCarMap!=null?item.EndCarMap.longitude:"")" data-lat="@(item.EndCarMap!=null?item.EndCarMap.latitude:"")" data-plates="@item.PlatesNumber" data-caruser="@(item.CarUser != null ? item.CarUser.Name : "")" data-time="@(item.EndCarMap!=null?item.EndCarMap.CreationTime.ToString():"")">
                    <div class="car_i">@item.PlatesNumber</div>
                    <div class="car_i">@(item.CarUser != null ? item.CarUser.Name : "")</div>
                    <div class="car_i">@(item.EndLoadCar != null ? item.EndLoadCar.CarStatus.ToString() : "")</div>
                </div>
            }

            @*<div class='external-event navy-bg'>各部门职责及分工</div>
                <div class='external-event navy-bg'>案例分享</div>
                <div class='external-event navy-bg'>xxx</div>*@
        </div>
    </div>
</div>
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content" id="bad_box" style="min-height:900px; width:100%;">


                </div>
            </div>
        </div>
    </div>
</div>
@section scripts{
    <script src="~/Theme/js/content.min.js?v=1.0.0"></script>
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=9zWs3Nt7FMrZDlqwUp3ZWm3W7pmrpGHI"></script>
    <script src="~/view-resources/Views/Distribution/Track.js"></script>
}
